<!DOCTYPE html>
<html class="x-admin-sm">

<head>
	<meta charset="UTF-8">
	<title>电子学会比赛管理系统</title>
	<meta name="renderer" content="webkit">
	<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
	<meta name="viewport" content="width=device-width,user-scalable=yes, minimum-scale=0.4, initial-scale=0.8,target-densitydpi=low-dpi"/>
	<link rel="stylesheet" href="./css/font.css">
	<link rel="stylesheet" href="./css/xadmin.css">
	<script type="text/javascript" src="./js/abkj/match/api/news.js"></script>
	<!-- 引入在线资源 -->
	<script src="./js/jquery.min.js"></script>
	<script src="./js/vue.js"></script>
	<script src="http://gosspublic.alicdn.com/aliyun-oss-sdk-6.4.0.min.js"></script>
	<script type="text/javascript" src="./js/abkj/match/api/news.js"></script>
	<script type="text/javascript" src="./js/abkj/oss/app.js"></script>
	<script type="text/javascript" src="./js/abkj/fun_tool.js"></script>
	<script type="text/javascript" src="./js/abkj/slAjax.js"></script>
	<script type="text/javascript" src="./js/abkj/ext/programlib.js"></script>
	<script type="text/javascript" src="./js/abkj/oss/app.js"></script>
	<script type="text/javascript" src="./js/abkj/match/api/zone.js"></script>
	<script type="text/javascript" src="./js/abkj/match/api/topic.js"></script>
	<script type="text/javascript" src="./js/abkj/match/api/grade.js"></script>
	<script type="text/javascript" src="./js/abkj/match/api/schedule.js"></script>
	<script type="text/javascript" src="./js/abkj/match/api/matchzoneview.js"></script>

	<script type="text/javascript" src="./js/abkj/match/api/scheduleitem.js"></script>
	<script type="text/javascript" src="./js/abkj/match/api/scheduletype.js"></script>

	<script type="text/javascript" src="./lib/layui/layui.js" charset="utf-8"></script>


	<script type="text/javascript" src="./js/xadmin.js"></script>
	<!-- 让IE8/9支持媒体查询，从而兼容栅格 -->
	<!--[if lt IE 9]>
	<script src="https://cdn.staticfile.org/html5shiv/r29/html5.min.js"></script>
	<script src="https://cdn.staticfile.org/respond.js/1.4.2/respond.min.js"></script>
	<![endif]--></head>

<body>
<div class="layui-fluid" id="app">
	<div class="layui-row">
		<form class="layui-form" lay-filter="informationForm">
			<div class="layui-form-item">
				<label for="username" class="layui-form-label">
					<span class="x-red">*</span>赛项</label>
				<div class="layui-input-inline">
					<select id="saixiang" lay-verify="saixiang" onchange="g1()"  >
						<option value="">请选择</option>

                <option v-for="item in list" :value="item.id">{{item.theme}}</option>

					</select>
				</div>
				<div class="layui-form-item">
					<label for="username" class="layui-form-label">
						<span class="x-red">*</span>赛区</label>
					<div class="layui-input-inline">
						<select id="saiqu" lay-verify="required" >
							<option value="">请选择</option>
               <option v-for="item in zoneList" :value="item.id">{{item.zoneName}}</option>

						</select>
					</div>
					<div class="layui-form-item">
						<label for="username" class="layui-form-label">
							<span class="x-red">*</span>赛程</label>
						<div class="layui-input-inline">
							<select id="saicheng"  >
								<option value="">请选择</option>
								<option v-for="item in scheduletypeList" :value="item.id">{{item.scheduleName}}</option>


							</select>
						</div>
						<div class="layui-form-item">
							<label for="username" class="layui-form-label">
								<span class="x-red">*</span>组别</label>
							<div class="layui-input-inline">
								<select id="zubie" lay-verify="required" >
									<option value="">请选择</option>
									<option v-for="item in gradeList" :value="item.id">{{item.gradeName}}</option>


								</select>
							</div>
				<div class="layui-form-item">
					<label for="username" class="layui-form-label">
						<span class="x-red">*</span>题干</label>
					<div class="layui-input-inline">
						<input type="text" placeholder="请输入标题" id="title" name="title" required="" lay-verify="required" autocomplete="off" class="layui-input">
					</div>
				</div>
				<div class="layui-form-item">
					<label for="username" class="layui-form-label">
						<span class="x-red">*</span>试题分数</label>
					<div class="layui-input-inline">
						<input type="text" placeholder="请输入分数" id="fenshu" required="" lay-verify="required" autocomplete="off" class="layui-input">
					</div>
				</div>
				<div class="layui-form-item layui-form-text">
				<label for="desc" class="layui-form-label"><span class="x-red">*</span>答题解析</label>
				<div class="layui-input-block">
					<textarea style="width: 30%" id="jiexi" placeholder="请输入答题解析" id="desc" lay-verify="required" name="desc"
					          class="layui-textarea"></textarea>
				</div>
			</div>
			<div class="layui-form-item layui-form-text">
			<label for="desc" class="layui-form-label"><span class="x-red">*</span>考试编辑器url配置</label>
			<div class="layui-input-block">
				<textarea style="width: 30%" id="editorUrl" placeholder="考试编辑器url配置" id="desc" lay-verify="required" name="desc"
									class="layui-textarea"></textarea>
			</div>
		</div>
		<div class="layui-form-item layui-form-text">
		<label for="desc" class="layui-form-label"><span class="x-red">*</span>试题预览编辑器链接</label>
		<div class="layui-input-block">
			<textarea style="width: 30%" id="reviewEditorUrl" placeholder="试题预览编辑器链接" id="desc" lay-verify="required" name="desc"
								class="layui-textarea"></textarea>
		</div>
	</div>
				<div class="layui-form-item">
					<label for="phone" class="layui-form-label">
						<!--<span class="x-red">*</span>-->
					  代码文件
					</label>

					<div class="layui-input-inline">
						<button type="button" id="test1"
										style="width: 80px;height: 80px;background: #ffffff;border: 1px solid #999;border: 1px dashed #d9d9d9;background-color: #fafafa;">
							<i class="layui-icon layui-icon-add-1" style="font-size: 30px;"></i>
							<section>
								上传作品附件
							</section>
						</button>
						<div class="layui-upload-list">
						代码地址<span id="dizhi"></span>
						</div>
									<section class="tips x-red">支持sb1,sb2,sb3、py代码文件3M以内</section>
					</div>
					<div class="layui-form-item">
						<label for="phone" class="layui-form-label">
							<!--<span class="x-red">*</span>-->
						 图片文件
						</label>

						<div class="layui-input-inline">
							<button type="button" id="test2"
											style="width: 80px;height: 80px;background: #ffffff;border: 1px solid #999;border: 1px dashed #d9d9d9;background-color: #fafafa;">
								<i class="layui-icon layui-icon-add-1" style="font-size: 30px;"></i>
								<section>
									上传图片文件
								</section>

							</button>
							<div class="layui-upload-list">
								<img id="t1">
								<section id="demo1" class="img" style="width: 270px; height: 150px;display: none; background-size: cover;"></section>
							</div>
										<section class="tips x-red">支持PNG、JPG，图片大小1920*750</section>
						</div>
					<!-- oss图片上传插件 开始 -->
					<div class="layui-form-item " style="display: none;">
						<div class="panel panel-primary">
							<div class="panel-heading">Upload file</div>
							<div class="panel-body">
								<form action="" class="form-horizontal">
									<div class="form-group">
										<label>Select file</label>
										<input type="file" id="file"/>
									</div>
									<div class="form-group">
										<label>Store as</label>
										<input type="text" class="form-control" id="object-key-file" value="object"/>
									</div>
									<div class="form-group">
										<input type="button" class="btn btn-primary" id="file-button" value="Upload"/>
									</div>
								</form>
								<br/>
								<div class="progress">
									<div id="progress-bar"
											 class="progress-bar"
											 role="progressbar"
											 aria-valuenow="0"
											 aria-valuemin="0"
											 aria-valuemax="100" style="min-width: 2em;">
										0%
									</div>
								</div>
							</div>
						</div>
					</div>
					<!-- 结束 -->
					<div class="layui-form-item layui-form-text" style="display:none">
						<label for="desc" class="layui-form-label"><span class="x-red">*</span>描述</label>
						<div class="layui-input-block" style="width: 80%;">
													<textarea class="layui-textarea" id="desc" style="display: none">
														<!-- 把编辑器的初始内容放在这textarea即可 -->
													</textarea>
						</div>
					</div>
					<div class="layui-form-item">
						<label for="L_repass" class="layui-form-label"></label>
						<button class="layui-btn" lay-filter="add" lay-submit="">确认提交</button>
					</div>
		</form>
	</div>
</div>
<script>
var form
layui.use(['form', 'layer'], function () {
		$ = layui.jquery
		form=layui.form
			layer = layui.layer
			// alert(form)

 			form.on('select(saixiang)',
			function (data) {
 		//TODO执行自己的代码
 				//  alert("test")

 			 });


		})
  var bianjiqi
	var layedit
	var funTool=fun_tool()
	var varId=funTool.getUrlParam("id");
	var varOssImgUrl = ''
	var imgurl1=""
	var maxSortId=0;
	var app=new Vue({
		   el:"#app",
			 data:{
         list:[],
				 zoneList:[],
				 scheduletypeList:[],
				 gradeList:[]
			 }
	})
	function loadData(){

	}
	loadMaxSort();
	function loadMaxSort(){
      MatchZoneViewqueryList({}, function (data) {
				   app.list=data
					 var records=data
					 var list=[]
					 var list1=[]

					 for (i=0;i<records.length;i++){
						   var string1=list1.toString()
							 if (string1.indexOf(records[i].id)==-1){
								 list1.push(records[i].id)
								 list.push(records[i])
							 }
					 }
					 app.list=list
					 //初始赛区
					 ZonequeryList({}, function (data) {
						//  alert(JSON.stringify(data))
		 				app.zoneList = data
						SchedulequeryList({}, function (data) {
             console.log(JSON.stringify(data))
							app.scheduletypeList = data
							GradequeryList({}, function (data) {
								//  alert(JSON.stringify(data))
								app.gradeList= data
								setTimeout(function(){
									form.render()
									if (funTool.getUrlParam('id')){
 									   //获取数据
 										 ProgramLibgetObj(funTool.getUrlParam('id'), function (data) {
 											//  alert(JSON.stringify(data))

 											 document.getElementById("title").value=data.questionTopic
 											 document.getElementById("fenshu").value=data.score
 											 document.getElementById("jiexi").value=data.questionDes
 											 document.getElementById("editorUrl").value=data.editorUrl
 											 document.getElementById("reviewEditorUrl").value=data.reviewEditorUrl
 											 imgurl1=data.imgUrl
 											 document.getElementById("t1").src=imgurl1
 											 varOssImgUrl=data.codeFileUrl
 											 document.getElementById("dizhi").innerHTML=varOssImgUrl
 											 var matchId=data.matchId
 											 var saixiang=document.getElementById("saixiang")
 										// 	 alert(saixiang.options.length)

 											 for (i=0;i<saixiang.options.length;i++){
 												    if (saixiang.options[i].value==matchId){
 														// 	alert(saixiang.options[i].value)
 															saixiang.options[i].selected=true
 															break
 														}
 											 }
											//  alert(JSON.stringify(app.scheduletypeList))
											 var list1=[]
											 for (i=0;i<app.scheduletypeList.length;i++){
                             if (matchId==app.scheduletypeList[i].matchId){
															 list1.push(app.scheduletypeList[i])
														 }
											 }
											 app.scheduletypeList=list1
											  // form.render()
											 var zoneId=data.zoneId
											 var saiqu=document.getElementById("saiqu")
											 for (i=0;i<saiqu.options.length;i++){
 												    if (saiqu.options[i].value==zoneId){
 														// 	alert(saixiang.options[i].value)
 															saiqu.options[i].selected=true
 															break
 														}
 											 }



											 var  gradeId=data.gradeId
											 var zubie=document.getElementById("zubie")
											for (i=0;i<zubie.options.length;i++){
														 if (zubie.options[i].value==gradeId){
														 // 	alert(saixiang.options[i].value)
															 zubie.options[i].selected=true
															 break
														 }
												}

 											 setTimeout(function(){
 												 form.render()
												 var scheduleId=data.scheduleId
												//  alert(scheduleId)
												 var saicheng=document.getElementById("saicheng")
												//  alert(saicheng.options.length)
												 for (i=0;i<saicheng.options.length;i++){
	 												    if (saicheng.options[i].value==scheduleId){
																//  	alert(saixiang.options[i].value)
	 															saicheng.options[i].selected=true
	 															break
	 														}
	 											 }
												 form.render()
 											 },1000)


 										 })
 								 }
								},1000)
							   //是否

							})
						})
					})
			})

	}
	// oss 图片上传事件
	layui.use('upload', function () {
		var $ = layui.jquery
			, upload = layui.upload

		//普通图片上传
		var uploadInst = upload.render({
			elem: '#test1',
			auto: false,
			// multiple: true,
			accept: 'file',
			choose: function (obj) {
				//预读本地文件示例，不支持ie8
				obj.preview(function (index, file) {
					applyTokenDo(file, function (ret) {
						//dzxh.oss-cn-hangzhou.aliyuncs.com
						varOssImgUrl = 'https://dzxh.oss-cn-hangzhou.aliyuncs.com/' + ret.name
						// alert(varOssImgUrl)
						// $('#demo1').show().css('background-image', 'url(' + varOssImgUrl + ')') //图片链接（base64）
					}, function (ret) {

					})
				})
			},
			error: function () {
				//演示失败状态，并实现重传
				var demoText = $('#demoText')
				demoText.html('<span style="color: #FF5722;">上传失败</span> <a class="layui-btn layui-btn-xs demo-reload">重试</a>')
				demoText.find('.demo-reload').on('click', function () {
					uploadInst.upload()
				})
			}
		})
	})
	layui.use('upload', function () {
		var $ = layui.jquery
			, upload = layui.upload

		//普通图片上传
		var uploadInst = upload.render({
			elem: '#test2',
			auto: false,
			// multiple: true,
			acceptMime: 'image/png',
			choose: function (obj) {
				//预读本地文件示例，不支持ie8
				obj.preview(function (index, file) {
					applyTokenDo(file, function (ret) {
						//dzxh.oss-cn-hangzhou.aliyuncs.com
						imgurl1 = 'https://dzxh.oss-cn-hangzhou.aliyuncs.com/' + ret.name
						// alert(imgurl1)
						// $('#demo1').show().css('background-image', 'url(' + varOssImgUrl + ')') //图片链接（base64）
					}, function (ret) {

					})
				})
			},
			error: function () {
				//演示失败状态，并实现重传
				var demoText = $('#demoText')
				demoText.html('<span style="color: #FF5722;">上传失败</span> <a class="layui-btn layui-btn-xs demo-reload">重试</a>')
				demoText.find('.demo-reload').on('click', function () {
					uploadInst.upload()
				})
			}
		})
	})


	layui.use(['form', 'layer'], function () {
			$ = layui.jquery
			 form = layui.form
				layer = layui.layer

			if (funTool.getUrlParam('id')) {



			}
			//自定义验证规则
			form.verify({
				nikename: function (value) {
					if (value.length < 5) {
						return '昵称至少得5个字符啊'
					}
				},
				pass: [/(.+){6,12}$/, '密码必须6到12位'],
				repass: function (value) {
					if ($('#L_pass').val() != $('#L_repass').val()) {
						return '两次密码不一致'
					}
				}
			})

			//监听提交
      form.on('select()',function (data) {

				SchedulequeryList({}, function (data) {
				 console.log(JSON.stringify(data))
					app.scheduletypeList = data
					var matchId=document.getElementById("saixiang").value
					// alert(matchId)
					var list1=[]
					for (i=0;i<app.scheduletypeList.length;i++){
								if (matchId==app.scheduletypeList[i].matchId){
									list1.push(app.scheduletypeList[i])
								}
					}
					app.scheduletypeList=list1
					// alert(JSON.stringify(app.scheduletypeList))
					 setTimeout(function(){
						 form.render()
					 },2000)

				})
			})

			form.on('submit(add)',
				function (data) {
					console.log(data)
          if (varOssImgUrl==''||varOssImgUrl ==null||varOssImgUrl ==undefined){
						  alert("请上传代码文件！")
							return false
					}
					if (imgurl1==''||imgurl1 ==null||imgurl1==undefined ){
						alert("请上传图片文件！")
						return false
					}
				if (!funTool.getUrlParam('id')){
					  //添加
						var obj={
							 matchId:document.getElementById("saixiang").value,
							 matchName:document.getElementById("saixiang").options[document.getElementById("saixiang").selectedIndex].text,
							 zoneId:document.getElementById("saiqu").value,//Integer 赛区ID
               zoneName:document.getElementById("saiqu").options[document.getElementById("saiqu").selectedIndex].text,//String 赛区名称
							 scheduleId:document.getElementById("saicheng").value,//Integer 赛程ID
							scheduleName:document.getElementById("saicheng").options[document.getElementById("saicheng").selectedIndex].text,//String 赛程名称
							gradeId:document.getElementById("zubie").value,//Integer 组别ID
							gradeName:document.getElementById("zubie").options[document.getElementById("zubie").selectedIndex].text,//String 组别名称
							questionDes:document.getElementById("jiexi").value,//String 答题解析
              questionTopic:document.getElementById("title").value,//String 题干
							imgUrl:imgurl1,//String 图片文件
							codeFileUrl:varOssImgUrl,//String 代码文件
							score:document.getElementById("fenshu").value,//Integer 题目分数
							editorUrl:document.getElementById("editorUrl").value,//String 考试编辑器链接
							reviewEditorUrl:document.getElementById("reviewEditorUrl").value,//String 试题预览编辑器链接
						}
						ProgramLibaddObj(obj, function (data) {
                 alert("更新成功！")
								 var index = parent.layer.getFrameIndex(window.name)
									//关闭当前frame
									parent.layer.close(index)

									// 可以对父窗口进行刷新
									xadmin.father_reload()
						})
				}
				else {
					//更新
					var obj={
						id:funTool.getUrlParam('id'),
						 matchId:document.getElementById("saixiang").value,
						 matchName:document.getElementById("saixiang").options[document.getElementById("saixiang").selectedIndex].text,
						 zoneId:document.getElementById("saiqu").value,//Integer 赛区ID
						 zoneName:document.getElementById("saiqu").options[document.getElementById("saiqu").selectedIndex].text,//String 赛区名称
						 scheduleId:document.getElementById("saicheng").value,//Integer 赛程ID
						scheduleName:document.getElementById("saicheng").options[document.getElementById("saicheng").selectedIndex].text,//String 赛程名称
						gradeId:document.getElementById("zubie").value,//Integer 组别ID
						gradeName:document.getElementById("zubie").options[document.getElementById("zubie").selectedIndex].text,//String 组别名称
						questionDes:document.getElementById("jiexi").value,//String 答题解析
						questionTopic:document.getElementById("title").value,//String 题干
						imgUrl:imgurl1,//String 图片文件
						codeFileUrl:varOssImgUrl,//String 代码文件
						score:document.getElementById("fenshu").value,//Integer 题目分数
						editorUrl:document.getElementById("editorUrl").value,//String 考试编辑器链接
						reviewEditorUrl:document.getElementById("reviewEditorUrl").value,//String 试题预览编辑器链接
					}
					ProgramLibupdateById(obj, function (data) {
							 alert("更新成功！")
							 var index = parent.layer.getFrameIndex(window.name)
								//关闭当前frame
								parent.layer.close(index)

								// 可以对父窗口进行刷新
								xadmin.father_reload()
					})
				}

					return false
				})

		})
		function g1(){
			// alert(0)
		}
		// window.setInterval(function(){
		//
		// },2000)
</script>
<script>var _hmt = _hmt || [];
(function () {
	var hm = document.createElement("script")
	hm.src = "https://hm.baidu.com/hm.js?b393d153aeb26b46e9431fabaf0f6190"
	var s = document.getElementsByTagName("script")[0]
	s.parentNode.insertBefore(hm, s)
})()</script>
</body>

</html>
